require(['config'], function() {require(['jquery', 'template', 'loadHeader', 'loadFooter'],($, template)=>{
	
        // 通过鼠标移入获取.notice-top下的li
		$('.notice-top').on('mouseenter', 'li', e => {
            // 当前下标
            const index = $(e.target).index()

            $('.notice-bottom > ul')
                // 当等于下标时加上类名
                .eq(index).addClass('active')
                // 把其他节点取消类名
                .siblings().removeClass('active')
        })

        //充话费移入移出
        $('.bf').on('mouseenter','.chf, .lx, .cx', e => {
            $(e.currentTarget).parent().addClass('bdb')
            $(e.currentTarget).find('div').addClass('lbk')
        })
        $('.bf').on('mouseleave','.chf, .lx, .cx', e => {
            $(e.currentTarget).parent().removeClass('bdb')
            $(e.currentTarget).find('div').removeClass('lbk')
        })

        //  查询推荐商品数据，并渲染
        $.getJSON('http://www.xiongmaoyouxuan.com/api/tab/1', resData => {
        // console.log('获取到数据：', resData)
        // 获取返回数据中表示推荐商品的数组
            const _products = resData.data.items.list
        // console.log('推荐商品：', _products)
        // 根据推荐商品的数组来渲染模板
            const html = template('shop-template', {products: _products})
            // console.log('渲染后：', html)
        // // 添加到 DOM 树中
            $('.shop').append(html)
        })
        
        // 吸顶效果
        $(function(){
            $(window).scroll(function(){
                if($(window).scrollTop()>150){
                    $("#search-top").css({ "position":"fixed","top":0, "height":"40px", "left":"0", "width":"100%","background-color":"#fff", "z-index":"999"});
                    $('.search-top').css({'margin':'0 auto'})
                }else{
                    $("#search-top").css({"position":"static"});
                }
            });
        });


      
    //   $.ajax({
    //     url: 'http://39.100.138.164:38080/app/mock/48/api/shop',
    //     method: 'GET',
    //     data: { start: 0 },
    //     dataType: 'json',
    //     success: resData => {
    //       console.log('请求成功：', resData)
    //       const _products = resData.data.list
    //       const html = template('shop-template', {products: _products})
    //       $('.shop').append(html)
    //       // $('.shop').html(html)
    //     }
    //   })
	})
})

// 获取商品列表标记
const shopLists = document.querySelectorAll('.tab-mleft>.tleft>ul>li')
// console.log(shopLists)

let index = 0

 
shopLists[index].addEventListener('mouseenter', function() {
   if( index === 0){
	   const des = document.getElementById('des1')
	   // console.log(des)
	   des.style.display = 'block'
   }
}, false)
 shopLists[index].addEventListener('mouseout', function() {
    if( index === 0){
 	   const des = document.getElementById('des1')
 	   // console.log(des)
 	   des.style.display = 'none'
    }
}, false)



// // 获取公告信息元素
// const notice = document.querySelectorAll('.notice-top>li')

// // 获取公告信息详情元素
// const noticeDes = document.querySelectorAll('.notice-bottom>ul')

// let pDindex = 0, nDindex = 0

// const nLen = notice.length
// const dLen = noticeDes.length

// // 翻页效果
// S('.notice-top').addEventListener('mouseover',(e) => {
 // //修改索引
// 	// noticeDes[pDindex].style.display = 'none'
	
// 	// noticeDes[pDindex].style.display = 'block'
	
//     // 事件源元素
// 	let src = null
    
// 	if (e.target.tagName === 'A') {
// 		src = e.target.parentNode
// 	} else if (e.target.tagName === 'LI') {
//         src = e.target
//     }

//     if (src) {
//         // 获取事件源元素在 notice 中的索引
//         const index = Array.from(notice).findIndex(item => item === src)
//         // 为 noticeDes 中对应索引元素添加类名
//         for(let i = 0; i < dLen; i++) {
//             noticeDes[i].classList.remove('active')
//         }
//         noticeDes[index].classList.add('active')
//     }	
// },false)
